# window[name] 窗口名称

# 1、设置窗口名称

  window.name = '窗口名称'
1

该名称是在 open() 方法创建窗口时指定的或者使用一个 <frame>标记的 name 属性指定的,默认情况下 name 属性值是为空的

提示: 窗口的 name 属性可以用于 <a> 或 <form> 标签的 target 属性值,这样表示超链接文档或表单提交结果应该显示于指定 name 的窗口或框架中。

# 2、打开该窗口

  window.open(url,'窗口名称')
1

示例

  // home.vue
  created(){
    window.name = 'base'//初始化窗口名称,与index.vue进入home名称需一致
  },


  // index.vue
  <el-button @click="handleBackWeb">返回home</el-button>

  handleBackWeb() {
    let linkPath = this.$util.formatMenuAndPerm.call(this, this.baseMenuList);
    const { href } = this.$router.resolve({
      path: linkPath
    }); // 路由
    window.open(href,"base");//与home.vue,window.name = 'base'设置的窗口名称需一致
  },

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# 3、window.open()

window.open([URL], [窗口名称], [参数字符串])
1

URL: 可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。

窗口名称: 可选参数,被打开窗口的名称。

注意:

  1. 该名称由字母、数字和下划线字符组成。
  2. "_top"、"_blank"、"_selft"具有特殊意义的名称。
    _blank:在新窗口打开;_self:在当前窗口打开; _top:框架网页中在上部窗口中打开
  3. 相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
  4. name 不能包含有空格。

参数字符串: 可选参数,设置窗口参数,各参数用逗号隔开。

参数表:
例如:打开网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

<script type="text/javascript" window.open('','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes'></script>
1

注意:

  1. 参数之间逗号及等号前后有空格,该字符串无效,只有删除空格才能正常运行。
  2. 运行结果考虑浏览器兼容问题。
Last Updated: 2/28/2023, 6:01:28 PM